.flex{
    display: flex;
}

.flex-1{
    flex: 1;
}

.flex-column{
    flex-direction: column;
}

.flex-wrap{
    flex-wrap: wrap;
}

.flex-end {
    justify-content: flex-end;
}

.flex-between{
    justify-content: space-between;
}

.justify-center{
    justify-content: center;
}

.items-center{
    align-items: center;
}

.text-left{
	text-align: left !important;
}

.text-right{
	text-align: right !important;
}

.pr-1{ 
    padding-right: 10px;
}

.pr-2{
    padding-right: 20px;
}

.pr-3{
    padding-right: 30px;
}

.pr-4{
    padding-right: 40px;
}

.pr-5{
    padding-right: 50px;
}

.pl-1{ 
    padding-left: 10px;
}

.pl-2{
    padding-left: 20px;
}

.pl-3{
    padding-left: 30px;
}

.pl-4{
    padding-left: 40px;
}

.pl-5{
    padding-left: 50px;
}

.pt-1{ 
    padding-top: 10px;
}

.pt-2{
    padding-top: 20px;
}

.pt-3{
    padding-top: 30px;
}

.pt-4{
    padding-top: 40px;
}

.pt-5{
    padding-top: 50px;
}

.pb-1{ 
    padding-bottom: 10px;
}

.pb-2{
    padding-bottom: 20px;
}

.pb-3{
    padding-bottom: 30px;
}

.pb-4{
    padding-bottom: 40px;
}

.pb-5{
    padding-bottom: 50px;
}

.w-300{
    width: 300px;
}

.w-full{
    width: 100% !important;
}

.font-12{
    font-size: 12px;
}

.font-14{
    font-size: 14px;
}

.font-16{
    font-size: 16px;
}

.font-18{
    font-size: 18px;
}
